<!DOCTYPE html>
<html lang="en" >
  <head>
    <title>actionlint playground</title>
    <meta charset="utf-8"/>
    <meta name="twitter:card" content="summary_large_image"/>
    <meta name="twitter:title" content="actionlint, a static checker for GitHub Actions workflow files"/>
    <meta name="twitter:image" content="https://github.com/rhysd/ss/blob/master/actionlint/ogp.jpg?raw=true"/>
    <meta name="twitter:image:alt" content="Screenshot of actionlint playground"/>
    <link rel="stylesheet" href="lib/css/codemirror.css">
    <link rel="stylesheet" href="lib/css/material-darker.css">
    <link rel="stylesheet" href="lib/css/bulma.min.css">
    <link rel="stylesheet" href="lib/css/devicon.min.css">
    <link rel="stylesheet" href="style.css">
    <script src="lib/js/codemirror.js"></script>
    <script src="lib/js/active-line.js"></script>
    <script src="lib/js/yaml.js"></script>
    <script src="lib/js/isMobile.min.js"></script>
    <script src="lib/js/pako.min.js"></script>
    <script src="lib/js/wasm_exec.js"></script>
  </head>
  <body>
    <nav id="header-bar" class="navbar" role="navigation" aria-label="header navigation bar">
      <header class="header">
        <h1 class="title"><a id="logo" rel="noopener" href="https://github.com/rhysd/actionlint"><i class="devicon-github-original"></i></a> actionlint playground<span class="tag is-dark" id="version">v1.7.9</span></h1>
        <h2 class="subtitle">Static checker for GitHub Actions workflow files</h2>
      </header>
      <div id="controls" class="navbar-end">
        <div class="control">
          <a id="permalink-btn" class="button">Permalink</a>
        </div>
        <div class="field">
          <div id="url-input" class="field has-addons">
            <div class="control">
              <input id="check-url-input" class="input" type="text" placeholder="GitHub or Gist URL">
            </div>
            <div class="control">
              <a id="check-url-btn" class="button">Check</a>
            </div>
          </div>
          <p id="invalid-input" class="help is-danger"></p>
        </div>
      </div>

    </nav>
    <main>
      <section id="linter">
        <div id="editor" class="split-pane"></div>
        <div class="split-pane">
          <div id="loading" class="notification sticky has-text-centered">Loading WebAssembly binary...</div>
          <table id="lint-result" class="table sticky is-hoverable">
            <tbody id="lint-result-body"></tbody>
          </table>
          <div id="error-msg" class="notification sticky is-danger is-light"></div>
          <div id="success-msg" class="notification sticky">Yay! No error was detected.</div>
        </div>
      </section>
      <section id="resources" class="section">
        <div class="container content">
          <h2><i id="res-icon" class="devicon-githubactions-plain"></i>Resources</h2>
          <p>
            <ul>
              <li><a class="has-text-link-my-light" target="_blank" rel="noopener" href="https://github.com/rhysd/actionlint/blob/v1.7.9/docs/checks.md">Checks by actionlint</a></li>
              <li><a class="has-text-link-my-light" target="_blank" rel="noopener" href="https://docs.github.com/en/actions/using-workflows/workflow-syntax-for-github-actions">Workflow syntax for GitHub Actions</a></li>
              <li><a class="has-text-link-my-light" target="_blank" rel="noopener" href="https://docs.github.com/en/actions/learn-github-actions/contexts">Available contexts in workflow</a></li>
              <li><a class="has-text-link-my-light" target="_blank" rel="noopener" href="https://docs.github.com/en/actions/reference/security/secure-use">Security hardening for GitHub Actions</a></li>
            </ul>
          </p>
        </div>
      </section>
    </main>
    <footer class="footer">
      <div class="content is-small has-text-centered has-text-grey">
        <p>
          <a class="has-text-link-my-light" rel="noopener" href="https://github.com/rhysd/actionlint">actionlint</a> by <a class="has-text-link-my-light" rel="noopener" href="https://github.com/rhysd">@rhysd</a>.
          The source code and website content are licensed <a class="has-text-link-my-light" rel="noopener" href="https://github.com/rhysd/actionlint/blob/main/LICENSE.txt">MIT</a>.
        </p>
      </div>
    </footer>
    <script src="index.js"></script>
  </body>
</html>
